<template>
  <div class = "scroll-wrapper">
    <slot></slot>
  </div>
</template>

<script>
  import IScroll from 'iscroll'
  export default {
    mounted: function () {
      setTimeout(()=>{
        this.myScroll = new IScroll('.scroll-wrapper', {
          mouseWheel: true,
          scrollbars: false
        });
      }, 20)
    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" scoped>
  .scroll-wrapper{
    height: 100%;
    position: relative;

    background-color: rgb(84, 92, 100);
  }
</style>
